@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

body{ max-width: 1920px; margin: 0 auto;}
.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}
/* .w695{ width: 695px;}
.w465{ width: 465px;} */
.w570{ width: 570px;}
.w590{ width: 590px;}
.w920{ width: 920px;}
.w250{ width: 250px;}
.w550{ width: 550px;}
.w850{ width: 850px;}
.w320{ width: 320px;}
.w895{ width: 895px;}
.w275{ width: 275px;}
.w580{ width: 580px;}
.w720{ width: 720px;}
.w440{ width: 440px;}

.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marR40{ margin-right: 40px;}
.marT30{ margin-top: 30px;}
.padS30{ padding: 0 30px;}

.ad{}
.ad img{ display: block; width: 100%; height: auto; margin-bottom: 30px;}

.focus_wrap{ position: relative; width: 720px; height: 480px; }
.swiper-container_focus{ width: 720px; height: 480px; overflow: hidden;}
.swiper-container_focus .swiper-wrapper{ height: auto;}
.swiper-container_focus .swiper-slide{ position: relative;}
.swiper-container_focus .swiper-slide-active,.swiper-container_focus .swiper-slide-duplicate-active{ }
.swiper-container_focus .swiper-slide img{ width: 720px; height: 480px;}
.swiper-container_focus .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; font: 16px/50px "Microsoft Yahei"; text-indent: 1em; color: #fff; text-align: justify; background: #000; background: rgba(0,0,0,0.6); box-sizing: border-box;} 
.swiper-container_focus .swiper-slide h3 a{ display: block; max-width: 80%; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.focus_wrap .swiper-pagination{ position: absolute; bottom: 20px; right: 50px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet{ float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: 999em; background: #fff; border-radius: 5px; opacity: 1; overflow: hidden;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet-active{ width: 30px; background-color: #2391ff; text-decoration: none;}

a.focus_more{ position: absolute; bottom: 12px; right: 10px; width: 26px; height: 26px; background: url(../images/icon_focus_more.png) no-repeat center top; z-index: 5;}

.lmT{ position: relative; height: 48px; background-color: #e4f0fe;}
.lmT.sty2{ margin-bottom: 20px;}
.lmT:before{ position: absolute; top: 50%; left: 16px; width: 36px; height: 36px; margin-top: -18px; background: url(../images/icon_tit.png); content: ""}
.lmT.gzdt:before{ background-position: 0 0}
.lmT.dfdt:before{ background-position: 0 -36px}
.lmT.mtjj:before{ background-position: 0 -72px}
.lmT.flfg:before{ background-position: 0 -108px}
.lmT.ssfe:before{ background-position: 0 -144px}
.lmT span{ display: inline-block; padding-left: 60px; font: bold 22px/50px "Microsoft Yahei"; color: #2391ff; }

.lmT.noIcon{ }
.lmT.noIcon span{ padding-left: 20px;}
.lmT.noIcon:before{ display: none;}

.lmT2{ position: relative; height: 50px; margin-bottom: 10px; background: -moz-linear-gradient(left, #e4f0fe, #f0f7fe);background: -webkit-linear-gradient(left , #e4f0fe, #f0f7fe);background: -o-linear-gradient(left , #e4f0fe, #f0f7fe); border-bottom: 4px solid #2391ff;}
.lmT2.sty2{ margin-bottom: 30px;}
.lmT2:before{ position: absolute; top: 19px; left: 17px; width: 7px; height: 14px; background: url(../images/dot_tit.png) no-repeat center top; content: ""}
.lmT2 span{ display: inline-block; padding-left: 34px; font: bold 22px/50px "Microsoft Yahei"; color: #2391ff; }
a.lmT_more{ position: absolute; bottom: 17px; right: 16px; height: 14px; font: 14px/14px "Microsoft Yahei"; color: #333; }


.news_list{ margin-top: 12px;}
.news_list li{ position: relative; height: 56px; padding-left: 18px; font: 18px/56px "Microsoft Yahei"; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li:before{ position: absolute; top: 50%; left: 5px; width: 6px; height: 6px; margin-top: -3px; background-color: #dddddd; border-radius: 50%; content: ""}
.news_list li a{}
.news_list li:hover{ font-weight: bold;}

.tab_wrap1{ }
.etabs{ position: relative; height: 48px; padding-left:60px; background-color: #e4f0fe;}
.etabs:before{ position: absolute; top: 50%; left: 16px; width: 36px; height: 36px; margin-top: -18px; background: url(/images/icon_tit.png) no-repeat 0 -72px; content:""}
.etabs a{ position: relative; float: left; height: 48px;  padding-right:20px; margin-right: 20px; font: bold 22px/48px "Microsoft Yahei"; color: #888; }

.etabs a:before{ position: absolute; top: 14px; right: -1px; width: 2px; height: 24px; background-color: #a3cdff;  content: "";}

.etabs a.active{ font-weight: bold; color: #2391ff;}
.etabs a.active:after{ filter: grayscale(0)}

.etabs a:last-child:before{ display: none;}

.swiper_tab{ width: 100%;}
.swiper_tab .swiper-wrapper{ height: auto}
.swiper_tab .swiper-slide{ position: relative; width: 100%; height: auto;}

.box_blue{ padding: 30px 0 10px; margin-bottom: 20px; }
.news_wrap1{ float: left; width: 440px; margin: 0 30px 12px 0;}
.news_wrap1:nth-child(2n){ margin-right: 0}
.news_wrap1:nth-child(3)， .news_wrap1:nth-child(4){ margin-bottom: 0}
.i_img{ margin-top: 20px;}
.i_img img{ float: left; width: 190px; height: 107px;}
.i_img h3{ float: right; width: 224px; margin-top: 6px; font: 16px/30px "Microsoft Yahei";}
.i_img h3 a{ color: #333;}

.i_zt1{ padding: 30px 20px; background-color: #fff;}
.i_zt1_tem{ padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid #f3f3f3;}
.i_zt1_tem:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
.i_zt1_tem img{ width: 210px; height: 200px; }

.zt_wrap{ float: right; width: 250px; padding: 30px 25px; background-color: #e4f0fe; border-radius: 4px; box-sizing: border-box;}

.zt_tem{ position: relative; margin-bottom: 38px;}
.zt_tem:after{ position: absolute; bottom: -19px; left: 0; width: 100%; height: 1px; background-color: #fff; content: ""}
.zt_tem img{ width: 200px; height: 192px; border-radius: 10px;}

.swiper-container_zt{ width: 200px; height: 192px; overflow: hidden;}
.swiper-container_zt .swiper-wrapper{ height: auto;}
.swiper-container_zt .swiper-slide{ position: relative; }
/* .swiper-container_zt .swiper-slide:after{ position: absolute; bottom: -19px; left: 0; width: 100%; height: 1px; background-color: #fff; content: ""} */
.swiper-container_zt .swiper-slide-active,.swiper-container_zt .swiper-slide-duplicate-active{ }
.swiper-container_zt .swiper-slide img{ width: 200px; height: 192px; border-radius: 10px;}


.box_bot{ padding: 30px 0 20px; background: -moz-linear-gradient(top, #eff5fc, #fff);background: -webkit-linear-gradient(top , #eff5fc, #fff);background: -o-linear-gradient(top , #eff5fc, #fff); }

.tzgg{ display: flex; justify-content: left; padding: 0 20px; margin-bottom: 30px;}
.tit_tzgg{ height: 24px; padding-left: 28px; margin-right: 30px; font: bold 20px/24px "Microsoft Yahei"; color: #2391ff; background: url(../images/icon_tzgg.png) no-repeat left center;}
.tit_tzgg a{ color: #2391ff}
.tzgg h3{ position: relative; height: 24px; padding-left: 12px; font: 16px/24px "Microsoft Yahei"; color: #333;}
.tzgg h3:before{ position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; background-color: #b4d9fe; border-radius: 50%; content: ""}
.tzgg h3 a{ color: #333;}

.i_gh{ margin-bottom: 40px;}
.i_gh img{ float: left; width: 384px; height: 119px; margin-right: 24px;}
.i_gh a:last-child img{ margin-right: 0}

.frd_link{ position: relative;}
.bot_link{ display: flex; justify-content: center; padding-bottom: 23px; border-bottom: 1px solid #ddd; }
.bot_link a{ position: relative; height: 20px; padding-right: 36px; margin: 0 18 36px; font: 16px/20px "Microsoft Yahei"; border-right: 1px solid #ddd;}
.bot_link a:last-child{ padding-right: 0; margin-right: 0; border-right: 0}


.frd_link_wrap{ height: 46px; background-color: #f2f2f2;}
.frd_link{ display: flex; justify-content: center;}
/* select.frd_link_tem{ display: inline-block; position: relative; width: 280px; height: 46px; margin: 0 45px; font-size: 14px; color: #333; text-indent: 1em; background-color: #f2f2f2; border: none; outline: none; cursor: pointer;} */
.frd_link_tem{ text-align: center;  position: relative; width: 280px; height: 46px; margin: 0 45px; font-size: 14px; line-height: 46px; color: #333; text-indent: 1em; background-color: #f2f2f2; border: none; outline: none; cursor: pointer;}





.gddt{ padding: 0 30px;}
.gddt a{ float: left; width: 147px; height: 35px; margin: 0 18px 10px 0; font: 16px/34px "Microsoft Yahei"; color: #333; text-align: center; background-color: #f8f8f8;}
.gddt a:nth-child(7n){ margin-right: 0}

/*纲要规划*/
.gygh_tem{ margin-bottom: 30px;}
.lmT_gygh{ height: 54px; padding-left: 10px; margin-bottom: 30px; background: url(../images/bg_tit_grid.png) no-repeat left bottom;}
.lmT_gygh.sty2{  background: url(../images/bg_tit_grid2.png) no-repeat right bottom; background-size: 100% auto;}
.lmT_gygh h3{ display: inline-block; position: relative; padding: 0 48px;}
.lmT_gygh h3:before{ position: absolute; bottom: 16px; left: 0; width: 100%; height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e4f0fe; z-index: 2; content: ""}
.lmT_gygh span{ position: relative; font: italic bold 32px/54px "Microsoft Yahei"; color: #2391ff; z-index: 3}
.lmT_gygh span:before{ position: absolute; top: 10px; left: -20px; width: 8px; height: 14px; background: url(../images/dot_tit.png) no-repeat center top; content: ""}
.lmT_gygh span:after{ position: absolute; top: 10px; right: -22px; width: 8px; height: 14px; background: url(../images/dot_tit.png) no-repeat center top; content: ""}

.lmT_gygh.sty2{ padding-left: 0; }

.gygh_tem img{ display: block; width: 1000px; height: auto; margin: 0 auto; transition: all linear 0.5s}
.gygh_tem img:hover{ transform: scale(1.1); transition: all linear 0.5s}
/*.gygh_btn{ position: relative; width: 572px; height: 108px; border-radius: 6px;}
.gygh_btn.sty1{ float: left; background-color: #d0e6ff}
.gygh_btn.sty2{ float: right; background-color: #ffeac9;}

.gygh_btn:before{ position: absolute; top: 50%; left: 146px; width: 60px; height: 60px; margin-top: -30px; border-radius: 50%; content: ""}
.gygh_btn.sty1:before{ background: url(../images/icon_woman.png) no-repeat center center #fff;}
.gygh_btn.sty2:before{ background: url(../images/icon_child.png) no-repeat center center #fff;}
.gygh_btn:after{ position: absolute; top: 76px; left: 217px; width: 208px; height: 8px; border-radius: 50%; content: ""}
.gygh_btn.sty1:after{ background-color: #b5d5f9;}
.gygh_btn.sty2:after{ background-color: #f9deb5;}

.gygh_btn a{ display: block; width: 100%; height: 100%; font: 26px/108px "Microsoft Yahei"; text-indent: 220px;}
.gygh_btn.sty1 a{ color: #072f5d}
.gygh_btn.sty2 a{ color: #5d210c;}*/

.gyjd_box{ padding: 12px 30px 36px; margin-bottom: 30px; background-color: #fff; box-shadow: 0 0 10px 4px #eee; box-sizing: border-box;}
.news_list2{}
.news_list2 li{ position: relative; height: 60px; padding-left: 22px; font: 18px/60px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #ededed;}
.news_list2 li:before{ position: absolute; top: 50%; left: 5px; width: 6px; height: 10px; margin-top: -5px; background: url(../images/icon_tri.png) no-repeat center top; content: ""}
.news_list2 li a{ color: #333;}

/*广东省妇女儿童发展规划*/
.box_xgh{ padding: 30px; margin: -30px 0 30px; background: -moz-linear-gradient(left top, #fff, #d8e9fd);background: -webkit-linear-gradient(left top , #fff, #d8e9fd);background: -o-linear-gradient(left top , #fff, #d8e9fd);}
.xgh_news{ margin-bottom: 30px;}
.xhg_news_l{ float: left; width: 710px;}
.xhg_news_l h3{ margin-bottom: 20px; font: bold 22px/40px "Microsoft Yahei"; text-align: center;}
.xhg_news_l h3 a{ color: #000;}
.xhg_news_l p{ font-size: 16px; line-height: 30px; color: #666666; text-indent: 2em; text-align: justify;}
.xgh_news img{ float: right; width: 360px; height: 246px; margin-top: 10px; border-bottom-left-radius: 16px; border-top-right-radius: 16px;}

.xgh_i{ }
.xgh_i img{ width: 550px; height: 80px;}
.xgh_i > a:nth-child(1) > img, .xgh_i > a:nth-child(2) > img{ margin-bottom: 30px;}

.xgh_i2{ }
.xgh_i2 img{ float: left; width: 360px; height: 240px; margin-left: 30px; border-radius: 20px; box-shadow: 3px 3px 7px 0 #dfdfdf;}

.lngh_list{ padding: 0 30px 30px; background-color: #f5f5f5;}
.lngh_list li{ position: relative; height: 78px; padding-left: 16px; font: 18px/78px "Microsoft Yahei"; color: #333; border-bottom: 1px dashed #d4d4d4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lngh_list li:before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #4eaafd; content: ""}
.lngh_list li a{ color: #333;}

/*地市妇女儿童发展规划*/
.dt_wrap{ height: 1345px; background-color: #fafafa;}
.dt_list{ padding: 0 20px;}
.dt_list li{ position: relative; height: 40px; padding-left: 14px; font: 16px/40px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dt_list li:before{ position: absolute; top: 50%; left: 3px; width: 3px; height: 5px; margin-top: -3px; background: url(../images/icon_dt.png) no-repeat center top; content: ""}

/*法律法规*/
.list_leftbar{ background-color: #f5f5f5; padding-bottom: 100px;}
.list_leftbar a{ display: flex; align-items: center; width: 100%; min-height: 84px; padding: 10px 55px 10px 20px;  font: 22px/32px "Microsoft Yahei"; color: #333; border-bottom: 1px solid #e7e7e7; box-sizing: border-box;} 
.list_leftbar a.active,.list_leftbar a:hover{  color: #fff; background: url(../images/arr_leftBar.png) no-repeat 228px center #2391ff;}

/*媒体聚焦*/
.jx_tem{ position: relative; float: left; width: 580px; height: 100px; padding: 18px 18px 0; margin: 0 40px 30px 0; background-color: #fff; border-left: 4px solid #2391ff; box-sizing: border-box; box-shadow: 0 0 10px 5px rgba(181,218,255,0.2)}
.jx_tem:nth-child(2n){ margin-right: 0;}
.jx_tem h3{ max-height: 60px; font: 18px/60px "Microsoft Yahei"; color: #333; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jx_tem h3 a{ color: #333;}
.jx_tem span{ position: absolute; bottom: 10px; right: 18px; font: 16px/16px "Microsoft Yahei"; color: #888;}

a.btn_more{ display: block; width: 134px; height: 42px; margin: 0 auto; font: 18px/42px "Microsoft Yahei"; text-align: center; color: #fff; background-color: #2391ff; border-radius: 21px;}

.rd_tem1{ width: 580px; margin-bottom: 30px;}
.rd_tem1:nth-child(2n){ margin-right: 0}
.rd_tem1 img{ float: left; width: 300px; height: 200px;}
.rd_tem1_r{ float: right; width: 280px; height: 200px; padding: 14px 14px 0; background-color: #f8f8f8; box-sizing: border-box;}
.rd_tem1_r h3{ max-height: 64px; margin-bottom: 12px; font: bold 20px/32px "Microsoft Yahei"; color: #333; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rd_tem1_r h3 a{ color: #333;}
.rd_tem1_r p{ font: 16px/28px "Microsoft Yahei"; color: #333}
.rd_tem1_r p > a{ color: #ad332a;}

.rd_tem2{ width: 580px; height: 100px; padding: 18px 20px 0; margin-bottom: 10px; font: 18px/30px "Microsoft Yahei"; background: -moz-linear-gradient(left, #acd3ff, #fff);background: -webkit-linear-gradient(left , #acd3ff, #fff);background: -o-linear-gradient(left , #acd3ff, #fff); box-sizing: border-box;}
.rd_tem2:nth-child(2n){ margin-right: 0}
.rd_tem2 a{ color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sp_wrap{ position: relative; width: 1200px; height: 286px;  margin-bottom: 40px;}
.swiper-container_sp{ width: 1200px; height: 286px; overflow: hidden;}
.swiper-container_sp .swiper-wrapper{ height: auto;}
.swiper-container_sp .swiper-slide{  position: relative; width: 380px; height: 286px;  box-shadow: 0 0 10px 5px #efefef;}
.swiper-container_sp .swiper-slide-active,.swiper-container_sp .swiper-slide-duplicate-active{ }
.swiper-container_sp .swiper-slide img{ width: 380px; height: 208px;}
.swiper-container_sp .swiper-slide h3{ height: 78px; padding: 12px 18px 0; font: 16px/28px "Microsoft Yahei"; text-align: justify; color: #333; background-color: #fff; border: 1px solid #ebeae5; box-sizing: border-box;} 
.swiper-container_sp .swiper-slide h3 a{ color: #333; max-height: 56px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sp_control_wrap{ }
.sp_control_wrap > div{ position: absolute; top: 80px; width: 44px; height: 44px; background-image: url(../images/arr2.png); opacity: 0.5; z-index: 3}
.sp_control_prev{ left: 0; background-position: 0 0}
.sp_control_next{ right: 0; background-position: -40px 0}
/* .sp_tem{ float: left; width: 380px; height: 286px; margin-right: 30px; box-shadow: 0 0 10px 5px #efefef;}
.sp_tem:nth-child(3n){ margin-right: 0}
.sp_tem img{ width: 380px; height: 208px;}
.sp_tem h3{ height: 78px; padding: 12px 18px 0; font: 16px/28px "Microsoft Yahei"; text-align: justify; color: #333; background-color: #fff; border: 1px solid #ebeae5; box-sizing: border-box;}
.sp_tem h3 a{ color: #333; max-height: 56px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */

.m_sp_wrap{ display: none;}

.zsk{ display: block;}
.zsk_i{ float: left; width: 400px;}
.zsk_i_tem{ display: none;}
.zsk_i_tem.active{ display: block;}
.zsk_i_tem img{ width: 400px; height: 280px;}

.zsk_list{ float: right; width: 726px; height: 280px; overflow: hidden;}
.zsk_list > ul{ width: 680px;}
.zsk_list > ul li{ position: relative; height: 56px; padding-left: 20px; font: 16px/56px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.zsk_list > ul li:before{ position: absolute; top: 50%; left: 0; width: 9px; height: 9px; margin-top: -5px; background: url(../images/icon_dot.png) no-repeat center top; content: ""}
.zsk_list > ul li a{ color: #333;}

.m_zsk{ display: none;}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    /*margin: 0;*/
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    /*padding: 0;*/
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
  }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 0px;
    top: 0;
    width: 10px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;*/
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #c2d5ef; }
.scrollbar-inner > .scroll-element .scroll-bar {background-color: #6a94d6; box-sizing: border-box;}
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #6a94d6; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #6a94d6; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/*通用概览*/
.list_wrap{ padding: 50px 70px; margin-bottom: 40px; background-color: #fff; border: 2px dotted #bfbfbf;}

.loc{ height: 46px; margin-bottom: 30px; padding-left: 38px; font-size: 16px; line-height: 46px; color: #333; background: url(../images/icon_loc.png) no-repeat 10px center; border-bottom: 1px solid #b1d5f2;}
.loc a{ color: #333;}
.loc span{}

.gl_tem{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 3px solid #e4056c;}

.gl_list{}
.gl_list li{ position: relative; height: 60px; padding-left: 22px; border-bottom: 1px solid #ededed;}
.gl_list li:before{ position: absolute; top: 50%; left: 10px; width: 6px; height: 10px; margin-top: -5px; background: url(../images/icon_tri.png) no-repeat center top; content: ""}
.gl_list li h3{ float: left; width: 80%; font: 18px/60px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.gl_list li h3 a{}
.gl_list li span{ float: right; font: 16px/60px "Microsoft Yahei "; color: #999;}

.pages{ margin: 30px auto 0px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 34px; text-align: center; color: #333; border: 1px solid #e6e6e6;  border-radius: 4px; cursor: pointer;}
.pages span{ font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #0267b7; border-color: #0267b7; }

/* .gl_img_tem{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ededed;}
.gl_img_tem img{ float: left; width: 324px; height: 216px;}
.gl_img_r{ float: right; width: 800px;}
.gl_img_r h3{ margin-bottom: 10px; font: bold 18px/36px "Microsoft Yahei";}
.gl_img_r h3 a{}
.gl_img_r p{ font-size: 16px; line-height: 28px; color: #666;} */

.gl_img_tem{ float: left; width: 560px; padding-bottom: 30px; margin: 0 20px 30px; border-bottom: 1px solid #ededed;}
.gl_img_tem img{ float: left; width: 260px; height: 174px;}
.gl_img_r{ position: relative; float: right; width: 280px; height: 174px;}
.gl_img_r h3{  font: bold 18px/30px "Microsoft Yahei"; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.gl_img_r h3 a{}
.gl_img_r span{ position: absolute; bottom: 0; right: 0; font-size: 16px; line-height: 24px; color: #666;}



/*细览*/
.article{ padding: 0 30px; }
.article_t{ margin-bottom: 30px; font: bold 26px/36px "Microsoft Yahei"; color: #333; text-align: center;}
.article_item{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ededed;}
.article_item span{ font-size: 16px; line-height: 18px; color: #999; }
.article_item .article_item_tem{ }
/*.article_item .article_fs{ float: right; margin-right: 20px;}
.article_item .article_fs a{color: #666; cursor: pointer;}

a.atricle_print{ float: right; margin-right: 20px; font-size: 16px; line-height: 24px; color: #666; cursor: pointer;}*/

.article_con{ margin-bottom: 30px;}
.article_con div, .article_con p{ margin: 0 0 10px 0 !important; font-size: 18px !important; line-height: 36px !important; color: #333;}
.article_con img{  max-width: 80%; height: auto; }

.fj{ display: none;}
.fj span, .fj_tem a{  font-size: 14px; line-height: 24px; color: #666;}
/*.article_share{ float: right;}*/

@media screen and (max-width: 800px) {
	body{ background-size: 300% auto;}
	.boxMo{ min-width: 100%;}
	.layout{ width: 96%; margin: 0 auto;}

	.marB30{ margin-bottom: 15px;}
	.marB40{ margin-bottom: 20px;}
	.pads30{ padding: 0}

	.w850.fl{ width: 100%; float: none; margin-bottom: 20px;}
	.w320.fr{ width: 100%; float: none;}
	.w550{ float: none; width: 100%;}
	.w275.fl{ float: none; width: 100%;}
	.w895.fr{ float: none; width: 100%;}
	.w580.fl, .w580.fr{ float: none; width: 100%;}

	.lmT{ position: relative; height: 40px; background-color: #e4f0fe;}
	.lmT.sty2{ margin-bottom: 20px;}
	.lmT:before{ position: absolute; top: 50%; left: 16px; width: 36px; height: 36px; margin-top: -18px; background: url(../images/icon_tit.png); content: ""}
	.lmT span{ line-height: 40px; font-size: 18px;}

	.lmT2{ height: 40px;}
	.lmT2:before{ top: 14px;}
	.lmT2 span{ font-size: 18px; line-height: 40px;}

	a.lmT_more{ bottom: 12px; font-size: 12px;}

	.gddt{ padding: 0 0;}
	.gddt a{ float: left; width: 30%; height: 30px; margin: 0 5% 10px 0; font: 14px/30px "Microsoft Yahei";}
	
	.gddt a:nth-child(7n){ margin-right: 5%}
	.gddt a:nth-child(3n){ margin-right: 0}

	/*纲要规划*/
	.gygh_tem{ margin-bottom: 30px;}
	.lmT_gygh{ height: 54px; padding-left: 10px; margin-bottom: 10px; background: url(../images/bg_tit_grid.png) no-repeat left bottom;}
	.lmT_gygh.sty2{  background: url(../images/bg_tit_grid2.png) no-repeat right bottom; background-size: 100% auto;}
	.lmT_gygh h3{ display: inline-block; position: relative; padding: 0 14px;}
	.lmT_gygh h3:before{ position: absolute; bottom: 16px; left: 0; width: 100%; height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e4f0fe; z-index: 2; content: ""}
	.lmT_gygh span{ position: relative; font: italic bold 22px/54px "Microsoft Yahei"; color: #2391ff; z-index: 3}
	.lmT_gygh span:before{ position: absolute; top: 10px; left: -20px; width: 8px; height: 14px; background: url(../images/dot_tit.png) no-repeat center top; content: ""}
	.lmT_gygh span:after{ position: absolute; top: 10px; right: -22px; width: 8px; height: 14px; background: url(../images/dot_tit.png) no-repeat center top; content: ""}

	.lmT_gygh.sty2{ margin-bottom: 0; padding-left: 0; }

	.gygh_tem img{ display: block; width: 100%; height: auto; margin: 0 auto; transition: all linear 0.5s}
	.gygh_tem img:hover{ transform: scale(1.1); transition: all linear 0.5s}

	.gyjd_box{ padding: 6px 10px 18px; margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 10px 4px #eee; box-sizing: border-box;}
	.news_list2{}
	.news_list2 li{ position: relative; height: 50px; padding-left: 22px; font: 14px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #ededed;}
	.news_list2 li:before{ position: absolute; top: 50%; left: 5px; width: 6px; height: 10px; margin-top: -5px; background: url(../images/icon_tri.png) no-repeat center top; content: ""}
	.news_list2 li a{ color: #333;}

	/*广东省妇女儿童发展规划*/
	.box_xgh{ padding: 10px; margin: 0 0 30px; background: -moz-linear-gradient(left top, #fff, #d8e9fd);background: -webkit-linear-gradient(left top , #fff, #d8e9fd);background: -o-linear-gradient(left top , #fff, #d8e9fd);}
	.xgh_news{ margin-bottom: 10px;}
	.xhg_news_l{ float: none; width: 100%; margin-bottom: 10px;}
	.xhg_news_l h3{ margin-bottom: 4px; font: bold 18px/30px "Microsoft Yahei"; text-align: center;}
	.xhg_news_l h3 a{ color: #000;}
	.xhg_news_l p{ font-size: 14px; line-height: 24px; color: #666666; text-indent: 2em; text-align: justify;}
	.xgh_news img{ float: none; width: 100%; height: auto; margin-top: 10px; border-bottom-left-radius: 16px; border-top-right-radius: 16px;}

	.xgh_i{ }
	.xgh_i img{ float: none; width: 100%; height: auto;}
	.xgh_i > a:nth-child(1) > img, .xgh_i > a:nth-child(2) > img, .xgh_i > a:nth-child(3) > img{ margin-bottom: 10px;}

	.xgh_i2{ }
	.xgh_i2 img{ float: none; display: block; width: 90%; height: auto; margin: 0 auto 20px;}

	.lngh_list{ padding: 0 10px; background-color: #f5f5f5;}
	.lngh_list li{ position: relative; height: 50px; padding-left: 16px; font: 14px/50px "Microsoft Yahei"; color: #333; border-bottom: 1px dashed #d4d4d4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.lngh_list li:before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #4eaafd; content: ""}
	.lngh_list li a{ color: #333;}

	/*地市妇女儿童发展规划*/
	.dt_wrap{ height: auto; background-color: #fafafa;}
	.dt_list{ padding: 0 20px;}
	.dt_list li{ position: relative; height: 40px; padding-left: 14px; font: 14px/40px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.dt_list li:before{ position: absolute; top: 50%; left: 3px; width: 3px; height: 5px; margin-top: -3px; background: url(../images/icon_dt.png) no-repeat center top; content: ""}

	/*法律法规*/
	.list_leftbar{ background-color: transparent; padding-bottom: 20px;}
	.list_leftbar a{ display: inline-block; width: auto; min-height: 30px; padding: 10px 15px; margin: 0 10px 10px 0; font: 14px/20px "Microsoft Yahei"; color: #333; border: 1px solid #ddd; box-sizing: border-box;} 
	.list_leftbar a.active,.list_leftbar a:hover{  color: #fff; background: #2391ff; border: none;}

	/*媒体聚焦*/
	.jx_tem{ position: relative; float: none; width: 100%; height: 80px; padding: 9px 9px 0; margin: 0 0 30px 0; background-color: #fff; border-left: 2px solid #2391ff; box-sizing: border-box; box-shadow: 0 0 10px 5px rgba(181,218,255,0.2)}
	.jx_tem:nth-child(2n){ margin-right: 0;}
	.jx_tem h3{ max-height: 48px; font: 14px/24px "Microsoft Yahei"; color: #333; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.jx_tem h3 a{ color: #333;}
	.jx_tem span{ position: absolute; bottom: 5px; right: 9px; font: 12px/12px "Microsoft Yahei"; color: #888;}

	a.btn_more{ display: block; width: 30%; height: 32px; margin: 0 auto; font: 14px/32px "Microsoft Yahei"; text-align: center; color: #fff; background-color: #2391ff; border-radius: 21px;}

	.rd_tem1{ width: 100%; margin-bottom: 20px; background-color: #f8f8f8;}
	.rd_tem1:nth-child(2n){ margin-right: 0}
	.rd_tem1 img{ float: left; width: 55%; height: auto;}
	.rd_tem1_r{ float: right; width: 45%; height: auto; padding: 8px 8px 0; box-sizing: border-box;}
	.rd_tem1_r h3{ max-height: 96px; margin-bottom: 2px; font: bold 16px/24px "Microsoft Yahei"; color: #333; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.rd_tem1_r h3 a{ color: #333;}
	.rd_tem1_r p{ display: none;}


	.rd_tem2{ width: 100%; height: 70px; padding: 10px 14px 0; margin-bottom: 10px; font: 14px/24px "Microsoft Yahei"; background: -moz-linear-gradient(left, #acd3ff, #fff);background: -webkit-linear-gradient(left , #acd3ff, #fff);background: -o-linear-gradient(left , #acd3ff, #fff); box-sizing: border-box;}
	.rd_tem2:nth-child(2n){ margin-right: 0}
	.rd_tem2 a{ color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.sp_wrap{ height: 0; margin-bottom: 0; overflow: hidden; }

	.m_sp_wrap{  display: block; position: relative; width: 100%; height: auto;  margin-bottom: 20px;}
	.swiper-container_m_sp{ width: 100%; height: auto; overflow: hidden;}
	.swiper-container_m_sp .swiper-wrapper{ height: auto;}
	.swiper-container_m_sp .swiper-slide{  position: relative; width: 380px; height: auto;  }
	.swiper-container_m_sp .swiper-slide-active,.swiper-container_m_sp .swiper-slide-duplicate-active{ }
	.swiper-container_m_sp .swiper-slide img{ width: 100%; height: auto;}
	.swiper-container_m_sp .swiper-slide h3{ height: 70px; padding: 12px 18px 0; font: 14px/22px "Microsoft Yahei"; text-align: justify; color: #333; background-color: #fff; border: 1px solid #ebeae5; box-sizing: border-box;} 
	.swiper-container_m_sp .swiper-slide h3 a{ color: #333; max-height: 56px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.m_sp_control_wrap{ }
	.m_sp_control_wrap > div{ position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; background-image: url(../images/arr2.png); background-size: 44px 22px; opacity: 0.5; z-index: 3}
	.m_sp_control_prev{ left: 0; background-position: 0 0}
	.m_sp_control_next{ right: 0; background-position: -22px 0}

	.zsk{ display: none;}

	.m_zsk{ display: block;}

	/*通用概览*/
	.list_wrap{ padding: 50px 70px; margin-bottom: 40px; background-color: #fff; border: 2px dotted #bfbfbf;}

	.loc{ height: auto; margin-bottom: 20px; padding-left: 38px; font-size: 14px; line-height: 36px; color: #333; background: url(../images/icon_loc.png) no-repeat 10px center; border-bottom: 1px solid #b1d5f2;}
	.loc a{ color: #333;}
	.loc span{}

	.gl_tem{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 3px solid #e4056c;}

	.gl_list{ padding: 0}
	.gl_list li{ position: relative; height: auto; padding-left: 22px; border-bottom: 1px solid #ededed;}
	.gl_list li:before{ position: absolute; top: 50%; left: 10px; width: 6px; height: 10px; margin-top: -5px; background: url(../images/icon_tri.png) no-repeat center top; content: ""}
	.gl_list li h3{ float: left; width: 100%; font: 14px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
	.gl_list li h3 a{}
	.gl_list li span{ display: none; float: right; font: 12px/28px "Microsoft Yahei "; color: #999;}

	.pages{ margin: 20px auto 0px; text-align: center;}
	.pages a{ box-sizing: border-box; display: inline-block; width: 30px; height: 30px; margin: 0 5px 10px; font-size: 14px; line-height: 30px; text-align: center; color: #333; border: 1px solid #e6e6e6;  border-radius: 4px; cursor: pointer;}
	.pages span{ font-size: 12px; line-height: 30px; margin: 0 5px;}
	.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 30px; cursor: pointer;}
	.pages a.current, .pages a:hover{ color: #fff; background-color: #0267b7; border-color: #0267b7; }

	.gl_img_tem{ position: relative; float: left; width: 100%; padding-bottom: 20px; margin: 0 0 20px; border-bottom: 1px solid #ededed;}
	.gl_img_tem img{ float: left; width: 45%; height: auto;}
	.gl_img_r{ position: static; float: right; width: 50%; height: auto;}
	.gl_img_r h3{  font: bold 16px/28px "Microsoft Yahei"; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.gl_img_r h3 a{}
	.gl_img_r span{ position: absolute; bottom: 20px; right: 0; font-size: 12px; line-height: 20px; color: #666;}

	.article{ padding: 0; }
	.article_t{ margin: 20px 0; font: bold 26px/36px "Microsoft Yahei"; color: #333; text-align: center;}
	.article_item{ padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ededed;}
	.article_item span{ font-size: 14px; line-height: 18px; text-align: center; color: #999; }
	.article_item .article_item_tem{ }
	.article_item_tem.fl, .article_item_tem.fr{ float: none; display: block; margin-bottom: 10px;}


	.article_con{ margin-bottom: 30px;}
	.article_con div, .article_con p{ margin: 0 0 10px 0 !important; font-size: 14px !important; line-height: 30px !important; text-align: justify; color: #333;}
	.article_con img{  max-width: 80%; height: auto; }

	.fj{ display: none;}
	.fj span, .fj_tem a{  font-size: 12px; line-height: 20px; }
}